<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HOME-PAGE</title>
    <link rel="stylesheet" href="../build/css/base.css">
    <link rel="stylesheet" href="../build/css/blog-article.css">
    <link rel="stylesheet" href="../build/css/blog-utils.css">
</head>
<body>
<div class="kh-container">
    <section>
        <div class="kh-side-nav">
            <a class="kh-to-logo" href="javascript:;"></a>
            <ul>
                <li>
                    <a href="javascript:;" class="kh-side-nav-actv">Home</a>
                </li>
                <li>
                    <a href="javascript:;">Case</a>
                </li>
                <li>
                    <a href="javascript:;">Article</a>
                </li>
                <li>
                    <a href="javascript:;">Practice</a>
                </li>
                <li>
                    <a href="javascript:;">About</a>
                </li>
            </ul>
        </div>
    </section>

    <section class="kh-content">
        <div class="kh-small-intro">
            <h2>ARTICLE</h2>
            <p>作品构思新颖,题材独具匠心...</p>
        </div>
        <div class="kh-classify kh-classify-adapt">
            <div class="kh-classify-main">
                <div class="kh-classify-line"></div>
                <div class="kh-classify-nav">
                    <a href="javascript:;">Web</a>
                    <a href="javascript:;">Java</a>
                    <a href="javascript:;">JS</a>
                    <a href="javascript:;">Html</a>
                    <a href="javascript:;">CSS</a>
                    <a href="javascript:;">UI</a>
                </div>
            </div>
            <div class="kh-search">
                <a href="javascript:;"></a>
                <input type="text" class="kh-search-main">
            </div>
        </div>

        <section>
            <div class="kh-card-list">
                <div class="kh-card kh-card-adapt">
                    <div class="kh-card-img">
                        <a href="javascript:;">
                            <img src="../src/blog-img/test.jpg" alt="default">
                        </a>
                    </div>
                    <div class="kh-card-title">
                        <a href="javascript:;">标题标题标题标题标题标题标题标题标题标题</a>
                        <p>Javascript</p>
                    </div>
                    <div class="kh-card-eye">
                        <p>20</p>
                    </div>
                    <div class="kh-card-sign">
                        <p>总有刁民在撸朕的管总有刁民在撸朕的管</p>
                        <p>2018 10.25</p>
                    </div>
                </div>
                <div class="kh-card kh-card-adapt">
                    <div class="kh-card-img">
                        <a href="javascript:;">
                            <img src="../src/blog-img/test.jpg" alt="default">
                        </a>
                    </div>
                    <div class="kh-card-title">
                        <a href="javascript:;">标题标题标题标题标题标题标题标题标题标题</a>
                        <p>Javascript</p>
                    </div>
                    <div class="kh-card-eye">
                        <p>20</p>
                    </div>
                    <div class="kh-card-sign">
                        <p>总有刁民在撸朕的管总有刁民在撸朕的管</p>
                        <p>2018 10.25</p>
                    </div>
                </div>
                <div class="kh-card kh-card-adapt">
                    <div class="kh-card-img">
                        <a href="javascript:;">
                            <img src="../src/blog-img/test.jpg" alt="default">
                        </a>
                    </div>
                    <div class="kh-card-title">
                        <a href="javascript:;">标题标题标题标题标题标题标题标题标题标题</a>
                        <p>Javascript</p>
                    </div>
                    <div class="kh-card-eye">
                        <p>20</p>
                    </div>
                    <div class="kh-card-sign">
                        <p>总有刁民在撸朕的管总有刁民在撸朕的管</p>
                        <p>2018 10.25</p>
                    </div>
                </div>
                <div class="kh-card kh-card-adapt">
                    <div class="kh-card-img">
                        <a href="javascript:;">
                            <img src="../src/blog-img/test.jpg" alt="default">
                        </a>
                    </div>
                    <div class="kh-card-title">
                        <a href="javascript:;">标题标题标题标题标题标题标题标题标题标题</a>
                        <p>Javascript</p>
                    </div>
                    <div class="kh-card-eye">
                        <p>20</p>
                    </div>
                    <div class="kh-card-sign">
                        <p>总有刁民在撸朕的管总有刁民在撸朕的管</p>
                        <p>2018 10.25</p>
                    </div>
                </div>
                <div class="kh-card kh-card-adapt">
                    <div class="kh-card-img">
                        <a href="javascript:;">
                            <img src="../src/blog-img/test.jpg" alt="default">
                        </a>
                    </div>
                    <div class="kh-card-title">
                        <a href="javascript:;">标题标题标题标题标题标题标题标题标题标题</a>
                        <p>Javascript</p>
                    </div>
                    <div class="kh-card-eye">
                        <p>20</p>
                    </div>
                    <div class="kh-card-sign">
                        <p>总有刁民在撸朕的管总有刁民在撸朕的管</p>
                        <p>2018 10.25</p>
                    </div>
                </div>
                <div class="kh-card kh-card-adapt">
                    <div class="kh-card-img">
                        <a href="javascript:;">
                            <img src="../src/blog-img/test.jpg" alt="default">
                        </a>
                    </div>
                    <div class="kh-card-title">
                        <a href="javascript:;">标题标题标题标题标题标题标题标题标题标题</a>
                        <p>Javascript</p>
                    </div>
                    <div class="kh-card-eye">
                        <p>20</p>
                    </div>
                    <div class="kh-card-sign">
                        <p>总有刁民在撸朕的管总有刁民在撸朕的管</p>
                        <p>2018 10.25</p>
                    </div>
                </div>
                <div class="kh-card kh-card-adapt">
                    <div class="kh-card-img">
                        <a href="javascript:;">
                            <img src="../src/blog-img/test.jpg" alt="default">
                        </a>
                    </div>
                    <div class="kh-card-title">
                        <a href="javascript:;">标题标题标题标题标题标题标题标题标题标题</a>
                        <p>Javascript</p>
                    </div>
                    <div class="kh-card-eye">
                        <p>20</p>
                    </div>
                    <div class="kh-card-sign">
                        <p>总有刁民在撸朕的管总有刁民在撸朕的管</p>
                        <p>2018 10.25</p>
                    </div>
                </div>

                <div class="kh-view-tip"></div>
            </div>
        </section>
    </section>

</div>



</body>
</html>